/*******************************
    -------[=首页]-------
********************************/
.banner-index img {display: block;width: 100%;}
.banner-index .btn {position: absolute;top: 50%;display: block;width: 60px;height: 60px;background-size: 100% 100%;z-index: 2;}
.banner-index .btn.slick-prev {left: 13%;background-image: url(../images/ico-arrow-left.png);}
.banner-index .btn.slick-next {right: 13%;background-image: url(../images/ico-arrow-right.png);}
.banner-index .btn.slick-prev:hover {background-image: url(../images/ico-arrow-left-on.png);}
.banner-index .btn.slick-next:hover {background-image: url(../images/ico-arrow-right-on.png);}
.banner-index .slick-dots {position: absolute;bottom: 4%;left: 0;width: 100%;line-height: 1;font-size: 0;text-align: center;}
.banner-index .slick-dots li {margin: 0 5px;display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-image: url(../images/bg-dot-1.png);}
.banner-index .slick-dots .slick-active {background-color: #ad0000;background-image: none;}
.list-index {padding: 80px 0;overflow: hidden;}
.list-index a {display: block;width: 480px;}
.list-index .cont {position: relative;padding-top: 66%;height: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.list-index a.i1 {float: left;}
.list-index a.i2 {float: right;}
.list-index a span {position: absolute;bottom: 10px;left: 50%;margin-left: -27%;display: block;width: 54%;height: 70px;line-height: 70px;text-align: center;color: #fff;font-size: 30px;background-image: url(../images/bg-index-1.png);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.list-index a:hover span {background-image: url(../images/bg-index-2.png);}
/*******************************
    -------[=公司简介]-------
********************************/
.box-about {padding: 72px 0 54px;}
.box-about .section-1 {padding-bottom: 70px;text-align: center;}
.box-about .tit1 {height: 1em;line-height: 1em;color: #a90007;font-size: 30px;font-weight: normal;}
.box-about .section-1 .info {padding-top: 32px;line-height: 2.14;}
.box-about .tit2 {text-align: center;height: 1em;line-height: 1em;font-size: 30px;font-weight: normal;overflow: hidden;}
.box-about .tit2 span {position: relative;padding: 0 31px;display: inline-block;height: 30px;color: #a90007;background-color: #fff;}
.box-about .tit2 span:before,.box-about .tit2 span:after {position: absolute;top: 50%;display: block;width: 189px;height: 1px;content: '';}
.box-about .tit2 span:before {right: 100%;background-position: left center;background-image: url(../images/bg-about-1.png);}
.box-about .tit2 span:after {left: 100%;background-position: right center;background-image: url(../images/bg-about-2.png);}
.box-about ul {margin: 55px 0 0 -50px;overflow: hidden;}
.box-about ul li {padding-left: 50px;float: left;width: 33.333%;}
.box-about ul .img {background-position: center center;background-repeat: no-repeat;background-size: cover;text-align: center;}
.box-about ul .img .cont {position: relative;padding-top: 56%;height: 0;}
.box-about ul .li1 .img {background-image: url(../images/img-about-1.jpg);}
.box-about ul .li2 .img {background-image: url(../images/img-about-2.jpg);}
.box-about ul .li3 .img {background-image: url(../images/img-about-3.jpg);}
.box-about ul .img .cont span {position: absolute;top: 50%;left: 0;margin-top: -12px;width: 100%;height: 1em;line-height: 1em;color: #fff;font-size: 24px;text-align: center;}
.box-about ul .txt {padding-top: 21px;line-height: 2;text-align: justify;}
/*******************************
    -------[=公司文化]-------
********************************/
.box-culture {padding: 52px 0 70px;}
.box-culture .item {font-size: 0;overflow: hidden;position: relative;}
.box-culture .img {width: 50%;}
.box-culture .img .cont {position: relative;padding-top: 56%;overflow: hidden;}
.box-culture .img img {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.box-culture .txt {width: 50%;position: absolute;top: 0;bottom: 0;}
.box-culture .txt .con{position: absolute;top: 50%;left: 0;right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.box-culture .txt .tit {height: 1em;line-height: 1em;color: #a90007;font-size: 30px;position: relative;display: inline-block;}
.box-culture .txt .tit:after {position: absolute;top: 45px;left: 0;display: block;
    width: 46px;height: 1px;background-color: #a90007;content: '';
}
.box-culture .txt .info {padding-top: 32px;font-size: 16px;line-height: 1.88;}
.box-culture .item.i1 .txt {padding-left: 64px;}
.box-culture .item.i2 .txt {padding-right: 64px;}
.box-culture .item:nth-child(2n+1) .img{float: left;}
.box-culture .item:nth-child(2n+1) .txt{right: 0;text-align: left;}
.box-culture .item:nth-child(2n+1) .txt .con{left: 64px;}
.box-culture .item:nth-child(2n) .img{float: right;}
.box-culture .item:nth-child(2n) .txt{left: 0;text-align: right;padding-right: 64px;}
.box-culture .item:nth-child(2n) .txt .con{right: 64px;}
.box-culture .item:nth-child(2n) .txt .tit:after{left: auto;right: 0;}
/*******************************
    -------[=讲师简介]-------
********************************/
.box-teacher {padding: 55px 0 75px;}
.box-teacher ul {margin-bottom: 28px;margin-left: -50px;overflow: hidden;}
.box-teacher ul li {padding: 0 0 38px 50px;float: left;width: 33.333%;}
.box-teacher ul a {display: block;}
.box-teacher ul .img {position: relative;padding-top: 56%;width: 100%;height: 0;overflow: hidden;}
.box-teacher ul img {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.box-teacher ul a:hover img {
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.box-teacher ul .tit {padding-left: 22px;height: 52px;line-height: 51px;font-size: 16px;background: url(../images/ico-teacher.png) left center no-repeat;border-bottom: 1px solid #d0d0d0;font-weight: normal;}
.box-teacher ul a:hover .tit {color: #a90007;}
.box-teacher ul .info {padding: 10px 0;color: #8e8e8e;}
/*******************************
    -------[=讲师简介-详情]-------
********************************/
.box-teacher-details {padding: 55px 0 61px;overflow: hidden;}
.box-teacher-details .img {float: left;width: 300px;}
.box-teacher-details .img img {display: block;}
.box-teacher-details .txt {margin-left: 354px;}
.box-teacher-details .txt .tit {padding: 13px 0 15px;line-height: 1em;color: #a90007;font-size: 26px;font-weight: normal;border-bottom: 1px solid #d0d0d0;}
.box-teacher-details .txt .info {padding: 16px 0;font-size: 16px;font-weight: bold;}
.box-teacher-details .txt .details {line-height: 2.14;text-align: justify;}
.box-teacher-details .txt .details p {padding-bottom: 30px;}
/*******************************
    -------[=培训课程-个人类]-------
********************************/
.box-class  ul .tit {background-image: url(../images/ico-class.png);}
/*******************************
    -------[=培训课程-详情]-------
********************************/
.box-class-details {padding: 49px 0 125px;}
.box-class-details .tit {height: 71px;line-height: 70px;font-weight: normal;border-bottom: 1px solid #d2d2d2;}
.box-class-details .tit span {padding-left: 14px;display: inline-block;height: 1em;line-height: 1em;color: #2b323c;font-size: 24px;border-left: 5px solid #ba3339;}
.box-class-details .tit .btn-back {margin-top: 23px;padding-left: 23px;float: right;display: inline-block;height: 24px;line-height: 24px;color: #949494;background: url(../images/ico-goback.png) left center no-repeat;font-size: 14px;}
.box-class-details .tit .btn-back:hover {color: #a90007;background-image: url(../images/ico-goback-on.png);}
.box-class-details video {margin: 11px 0 34px;display: block;width: 100%;}
.box-class-details .info {padding-top: 30px;line-height: 2;text-align: justify;}
.box-class-details .info p {padding-bottom: 30px;}
/*******************************
    -------[=培训现场01]-------
********************************/
.box-lesson ul .tit {padding-left: 0;background-image: none;}
.box-lesson ul .info {padding-left: 24px;background-image: url(../images/ico-date.png);background-position: left center;background-repeat: no-repeat;}
.fixme {height: 100%;overflow: hidden;}
.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-image: url(../images/bg-overlay.png);z-index: 100;}
.box-pop {position: fixed;top: -1500px;left: 50%;margin-left: -33.5%;width: 67%;z-index: 101;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.box-pop.show {top: 50%;}
.box-pop .btn-close {position: absolute;top: -23px;right: -23px;display: block;width: 46px;height: 46px;background-image: url(../images/ico-close.png);background-size: 100% 100%;z-index: 103;}
.box-pop img {display: block;width: 100%;}
.box-pop .btn {position: absolute;top: 50%;margin-top: -40px;display: block;width: 41px;height: 80px;background-position: center center;background-repeat: no-repeat;z-index: 2;background-size: 100% 100%;}
.box-pop .btn.slick-prev {left: -94px;background-image: url(../images/ico-arrow-left-2.png);}
.box-pop .btn.slick-next {right: -94px;background-image: url(../images/ico-arrow-right-2.png);}
/*******************************
    -------[=课程大纲]-------
********************************/
.box-course {padding: 78px 0 94px;}
.box-course .tit {margin: 0 auto;width: 418px;height: 50px;line-height: 48px;text-align: center;color: #a90007;font-size: 24px;letter-spacing: 8px;border: 1px solid #a90007;}
.box-course .section-1 ul {padding: 56px 0 22px;}
.box-course .section-1 li {padding-bottom: 30px;overflow: hidden;}
.box-course .section-1 .d1 {float: left;width: 117px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 16px;background-color: #2b323c;}
.box-course .section-1 .d2 {margin-left: 140px;line-height: 30px;}
.box-course .section-1 .li1 .d2 {color: #a90007;font-size: 16px;}
.box-course .section-1 .li2 .d2 {text-align: justify;line-height: 32px;}
.box-course .section-1 .li3 .d2 p {padding-right: 60px;float: left;}
.box-course .section-1 .li6 .d2 {color: #a90007;font-size: 16px;}
.box-course .section-2 .tit {margin-bottom: 45px;}
.box-course .section-2 .item {padding-top: 20px;}
.box-course .section-2 .tit2 {height: 40px;line-height: 40px;color: #fff;font-size: 18px;text-align: center;background-color: #2b323c;}
.box-course .section-2 .d1 {padding-top: 12px;line-height: 36px;border-bottom: 1px dotted #ccc;font-weight: bold;}
.box-course .section-2 .d2 {overflow: hidden;}
.box-course .section-2 .d2 p {padding-left: 20px;float: left;width: 20%;height: 32px;line-height: 32px;}
.box-course .section-2 .d3 {padding-top: 10px;line-height: 36px;border-bottom: 1px dotted #ccc;font-weight: bold;}

/*******************************
    -------[=响应式样式]-------
********************************/
@media only screen and (max-width: 1200px) {
    .banner-index .btn {margin-top: -30px;}
    .banner-index .btn.slick-prev {left: 10px;}
    .banner-index .btn.slick-next {right: 10px;}
}

@media only screen and (max-width: 1023px) {
    
}

@media only screen and (max-width: 999px) {
    .list-index a {margin-right: 4%;width: 48%;}
    .list-index a:last-child {margin-right: 0;}

    .box-teacher ul {margin-left: -14px;}
    .box-teacher ul li {padding: 0 0 20px 14px;}

}   

@media only screen and (max-width: 768px) {
    .banner-index .item {height: 260px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
    .banner-index img {display: none !important;}
    .list-index {padding: 20px 0;}
    .list-index a span {height: 40px;line-height: 40px;font-size: 18px;}
    .box-about {padding: 20px 0;}
    .box-about .tit1 {font-size: 18px;}
    .box-about .section-1 .info {padding-top: 14px;line-height: 1.5;}
    .box-about .section-1 {padding-bottom: 20px;}
    .box-about .tit2 {font-size: 18px;}
    .box-about .tit2 span {height: 18px;}
    .box-about ul {margin: 20px 0 0 -14px;}
    .box-about ul li {padding-left: 14px;}

    .box-about ul .img .cont span {margin-top: -8px;font-size: 16px;}

    /*.box-culture {padding: 20px 0;}
    .box-culture .txt .tit {font-size: 18px;}
    .box-culture .txt .info {padding-top: 20px;font-size: 14px;line-height: 1.5;}
    .box-culture .txt .info:after {top: 14px;}*/

    .box-culture .txt .tit{font-size: 22px;}
    .box-culture .txt .tit:after{top: 30px;}
    .box-culture .item:nth-child(2n+1) .txt .con{left: 20px;}
    .box-culture .item:nth-child(2n) .txt .con{right: 20px;}
    .box-culture .txt .info{font-size: 14px;padding-top: 14px;}

    .box-teacher {padding: 20px 0;}

    .box-teacher ul li {width: 50%;}

    .pages a.num {display: none;}

    .box-teacher-details {padding: 20px 0;}

    .box-teacher-details .img {margin: 0 20px 20px 0;}
    .box-teacher-details .txt {margin-left: 0;}
    .box-teacher-details .txt .details p {padding-bottom: 14px;}

    .box-class-details {padding: 20px 0;}
    .box-class-details .tit {height: 51px;line-height: 50px;}
    .box-class-details .tit .btn-back {display: none;}
    .box-class-details .tit span {font-size: 16px;}
    .box-class-details .info {padding-top: 14px;}
    .box-class-details video {margin: 10px 0 20px;}
    .box-class-details .info p {padding-bottom: 14px;}

    .box-pop {margin-left: -46%;width: 92%;}
    .box-pop .btn-close {top: -15px;right: -15px;width: 30px;height: 30px;}
    .box-pop .btn {margin-top: -20px;width: 20px;height: 40px;background-color: rgba(0,0,0,.3);}
    .box-pop .btn.slick-prev {left: 0;}
    .box-pop .btn.slick-next {right: 0;}

    .box-course {padding:30px 0;}
    .box-course .tit {width: 60%;height: 40px;line-height: 38px;font-size: 18px;}
    .box-course .section-2 .tit {margin-bottom: 20px;}
    .box-course .section-2 .d2 p {width: 50%;}

}

@media only screen and (max-width: 600px) {
    .list-index a span {font-size: 14px;}

    .box-about ul li {margin-bottom: 20px;width: 100%;}

    /*.box-culture .img {width: 100%;}
    .box-culture .txt {margin: 0 10%;padding: 20px 0 !important;width: 80%;height: auto;text-align: center;}
    .box-culture .txt .info:after {left: 50%;margin-left: -23px;}*/
    .box-culture .txt{position: static;}
    .box-culture .img{width: auto;float: none !important;}
    .box-culture .txt .con{position: static;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .box-culture .txt{width: auto;}
    .box-culture .item:nth-child(2n) .txt,.box-culture .item:nth-child(2n+1) .txt{padding: 20px 0;text-align: center;}
    .box-culture .txt .tit:after{left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .box-teacher ul li {width: 100%;}

    .box-teacher-details .img {margin: 0;float: none;width: 100%;}
    .box-teacher-details .img img {margin: 0 auto;}
    .box-teacher-details .txt .tit {text-align: center;font-size: 18px;}

    .box-course .section-1 .d1 {margin: 0 auto;float: none;}
    .box-course .section-1 .d2 {margin-left: 0;padding-top: 20px;}
    .box-course .section-1 .li1 .d2 {text-align: center;}
    .box-course .section-1 .li6 .d2 {text-align: center;}
}

@media only screen and (max-width: 479px) {
    .banner-index .item {height: 220px;}
    .list-index a span {width: 84%;margin-left: -42%;}
    .box-culture .txt .tit{font-size: 18px;}
}

@media only screen and (max-width: 414px) {
    .list-index a {margin-bottom: 10px;float: none;width: 100%;}
}

@media only screen and (max-width: 360px) {
    .box-course .section-2 .d2 p {width: 100%;}
}